<script type="text/javascript" src="sys/roleAccredit.js"></script>
<div class="easyui-layout" fit="true">
    <div data-options="region:'west',split:true,collapsible:false" title="角色列表" style="width:33%;position: static;">
        <table class="easyui-datagrid" id="dg_role_accredit"
               data-options="scrollbarSize:0,fit:true,fitColumns:true,singleSelect:true,pagination:false,pageSize:10">
            <thead>
            <tr>
               <!-- <th data-options="field:'id',width:100">ID</th>-->
                <th data-options="field:'name',width:100">角色名</th>
                <th data-options="field:'type',width:100,formatter:displayRoleType">类型</th>
                <!--<th data-options="field:'state',width:100,formatter:displayState">状态</th>-->
            </tr>
            </thead>
        </table>
    </div>

    <div data-options="region:'center',split:true" title="当前角色的用户列表" style="width:33%;position: static;">
        <table class="easyui-datagrid" id="dg_user_accredit"
               data-options="scrollbarSize:0,fit:true,fitColumns:true,singleSelect:true,pagination:false,pageSize:10,toolbar:''">
            <thead>
            <tr>
                <!--<th data-options="field:'id',width:100">ID</th>-->
                <th data-options="field:'nick',width:100">昵称</th>
                <th data-options="field:'account',width:100">账号</th>
                <!--<th data-options="field:'pwd',width:100">密码</th>-->
                <!--<th data-options="field:'state',width:100,formatter:displayState">状态</th>-->
            </tr>
            </thead>
        </table>
    </div>

    <!-- 右侧角色菜单分配区域 BEGIN -->
    <div data-options="region:'east',split:true,collapsible:false" title="授权菜单" style="width:33%;position: static;">
        <table class="easyui-treegrid" id="dg_menu_accredit"
               data-options="scrollbarSize:0,fit:true,fitColumns:true,singleSelect:true,pagination:false,toolbar:''">
            <thead>
            <tr>
                <!--<th data-options="field:'id',width:100">ID</th>-->
                <th data-options="field:'name',width:100">菜单名</th>
                <th data-options="field:'url',width:100">URL</th>
                <!--<th data-options="field:'parentId',width:100">父级ID</th>-->
                <!--<th data-options="field:'status',width:100,formatter:displayState">状态</th>-->

            </tr>
            </thead>
        </table>
    </div>
    <!-- 右侧角色菜单分配区域 END -->
</div>


<div id="dl_user_accredit_reverse" class="easyui-dialog" closed="true" title="编辑角色" style="width:400px;height:400px; padding: 10px"
     data-options="resizable:true,modal:true,inline:true">
    <table class="easyui-datagrid" id="dg_user_accredit_reverse"
           data-options="scrollbarSize:0,fit:true,fitColumns:true,singleSelect:true,pagination:false,pageSize:10,toolbar:''">
        <thead>
        <tr>
            <!--<th data-options="field:'id',width:100">ID</th>-->
            <th data-options="field:'nick',width:100">昵称</th>
            <th data-options="field:'account',width:100">账号</th>
            <!--<th data-options="field:'pwd',width:100">密码</th>-->
            <!--<th data-options="field:'state',width:100,formatter:displayState">状态</th>-->
        </tr>
        </thead>
    </table>
</div>

<div id="dl_menu_accredit_reverse" class="easyui-dialog" closed="true" title="编辑角色" style="width:400px;height:400px; padding: 10px"
     data-options="resizable:true,modal:true,inline:true">
    <table class="easyui-treegrid" id="dg_menu_accredit_reverse"
           data-options="scrollbarSize:0,fit:true,fitColumns:true,singleSelect:true,pagination:false,toolbar:''">
        <thead>
        <tr>
            <!--<th data-options="field:'id',width:100">ID</th>-->
            <th data-options="field:'name',width:100">菜单名</th>
            <th data-options="field:'url',width:100">URL</th>
            <!--<th data-options="field:'parentId',width:100">父级ID</th>-->
            <!--<th data-options="field:'status',width:100,formatter:displayState">状态</th>-->

        </tr>
        </thead>
    </table>
</div>


